序言

.net 5发布至今已经有一段时间了，但是在国内一直不温不火，虽然心里可惜，但是没有什么办法，作为.net开发的一员，只能在前进的道路上留下一笔，这次使用Blazor是微软新出的前端框架，采用c#代替JavaScript，类似与Vue，前后端绑定，而AntDesign是蚂蚁金服开发和正在使用的一套企业级的前端设计，基于blazor的ui库。这套框架很早之前就想写了，但是那会Blazor一直不成熟，虽然是代替JavaScript，但是现阶段并不能全部抛弃JavaScript，所以并不看好，一直到.net 5 rc2版本的发布，支持部分导入js模块，现在看起来就像是一个完整的框架了，然后也是怀着边学习边进步写这个快速开发框架。

模式选择

Blazor有两种模式，一种是Blazor Server，这个是在服务端渲染，然后通过SignalR进行传输。另一种是Blazor WebAssembly App,这种是利用浏览器WebAssembly在浏览器端进行渲染，这次框架就使用Blazor WebAssembly App模式（主要省服务器资源，哈哈哈哈），其实从代码本质两种差别不大，如果想一种模式转换为另一种也很方便。

项目创建

这里我的开发工具是Visual Studio 2019，命名为Caviar(鱼子酱),希望可以成为有营养的框架。项目建立的是中规中矩的，没有什么特殊，特殊的地方就是有的可能创建完，项目结构可能不一样，不影响，我是用的.net版本是5.0.200-preview.20614.14，这里可以注意一下。 

搭建

AntDesign的后台搭建很简单，官网给出了详细的教程

1、现在NuGet里面搜索AntDesign，然后安装，这里我安装的版本是：0.8.1. 或者进入应用的项目文件夹，安装 Nuget 包引用

$ dotnet add package AntDesign --version 0.8.1-*

2、在项目中注册:

services.AddAntDesign();

 因为我的项目还没有添加Startup，就在Program里面注册了：builder.Services.AddAntDesign();

3、在 wwwroot/index.html(WebAssembly) 或 Pages/_Host.cshtml(Server) 中引入静态文件:

4、在 _Imports.razor 中加入命名空间

@using AntDesign

5、为了动态地显示弹出组件，需要在 App.razor 中添加一个 组件。